/*
  学习目标：给组件的props指定默认值
*/

import React, { Component } from 'react';
import PropTypes from 'prop-types';

export default class App extends Component {
  render() {
    return (
      <div>
        <Child></Child>
        <Child list={[1, 2]}></Child>
        <Child2></Child2>
      </div>
    );
  }
}

Child.propTypes = {
  list: PropTypes.array.isRequired,
};
// 1. defaultProps 固定属性, 设置默认值, 函数式组件类组件都可以用
Child.defaultProps = {
  list: [],
};

function Child({ list }) {
  console.log('list  ----->  ', list);
  return <h1>Child - {list.map((item) => {})} </h1>;
}

// 2. 函数式组件最新写法👍, 类组件不能用此种方式
function Child2({ list = [] }) {
  console.log('list  ----->  ', list);
  return <h1>Child - {list.map((item) => {})} </h1>;
}
